﻿<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="Copyright" content="All Rights Reserved btoe.cn" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>{model.seotitle}</title>
  <meta name="keywords" content="{model.keywords}" />
  <meta name="description" content="{model.description}" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link href="<%templateskin%>/css/css.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" type="text/css" media="screen" href="<%templateskin%>/css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="<%templateskin%>/css/swiper-3.4.2.min.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="<%templateskin%>/css/common.css" />
  <script src="<%templateskin%>/js/n/jquery.min.js"></script>
  <script src="http://img.dlwjdh.com/upload/saohei/btoe-wjdh.js"></script>
  <%diy("mhead")%>
</head>

<body>
  <%template src="header.html"%>
  <%template src="nav_ny.html"%>
  <!-- caseMenu -->
  <div id="page">
    <div class="bar">
      <div class="goback"> </div>
      <div class="barTitle">{site.websitename}</div>
      <div class="lcbody">
        <div class="lcitem top">
          <div class="rect top"> </div>
        </div>
        <div class="lcitem bottom">
          <div class="rect bottom"> </div>
        </div>
      </div>
    </div>
    <div id="main">
      <%template src="ny_banner.html"%>

       <!-- caseMenu -->
       <div class="alertCenter">
        <b>分类/目录</b> <span><i></i></span>
      </div>
      <div class="alertMenu"> 
        <%set DataTable categoryList1=get_category_list(topid)%>
          <%foreach(DataRow cdr in categoryList1.Rows)%>
          <div class="aleartList">
            <h5> <a href="<%linkurl(1,{cdr[id]})%>" title="{cdr[catname]}">{cdr[catname]}</a><b></b></h5>
            <ul>
              <%set DataTable prolisttt=get_content_list({strtoint({cdr[id]})},4,"","listorder desc,id desc")%>
              <%foreach(DataRow dr in prolisttt.Rows)%>
              <%if({model.id}=={strtoint({dr[id]})})%>
              <li><a href="<%linkurl(1,{dr[catid]},{dr[id]})%>" title="{dr[title]}" class="cur">{dr[title]}</a></li>
              <%else%>
              <li><a href="<%linkurl(1,{dr[catid]},{dr[id]})%>" title="{dr[title]}">{dr[title]}</a></li>
              <%/if%>
              <%/foreach%>
            </ol>
          </div>
          <%/foreach%>

      </div>
      
      <!-- caseMenu -->
      <div class="caseMenuTop caseMenuTop1">
        <div class="container">
          <div class="row">
            <div class="caseMenuL col-lg-9 col-md-9 col-sm-9 col-xs-9"> <i><img
                  src="<%templateskin%>/img/locationIco.png" alt="当前位置"></i>
              <%navigation(0)%>
            </div>
            <div class="caseMenuR col-xs-3 col-sm-3 col-md-3 col-lg-3"> <i class="text-right"><a href="javascript:;"
                  onClick="javascript :history.back(-1);">返回<img src="<%templateskin%>/img/ca1.png" alt="返回"></a></i>
            </div>
            <div class="clearboth"></div>
          </div>
        </div>
      </div>
      <div class="clearboth"></div>
      <div class="proList">
        <div class="container">
          <div class="row">
            <div class=" col-lg-2-0 proListL  col-xs-12">
              <div class="proListTop">
                <%set DataTable procat=get_category_info({topid})%>
                <%loop drcat procat%>
                <img src="<%templateskin%>/img/proL.png" alt="{drcat[catname]}" class="proBg">
                <div class="prouctsTitle"> <img src="<%templateskin%>/img/products.png" alt="{drcat[catname]}"
                    class="pro-ico">
                  <h3>{drcat[catname]}</h3>
                  <p>{drcat[enname]}</p>
                </div>
                <%/loop%>
              </div>
              <div class="row">
                <%template src="pro_left.html"%>
              </div>
              <div class="row">
                <div class="proHot"> <i><img src="<%templateskin%>/img/proHotIco.png" alt="热门推荐">热门推荐</i>
                  <div class="proList_sort">
                    <div class="swiper-container proList_sortGd ">
                      <ul class="swiper-wrapper">
                        <%set DataTable prolist=get_content_list(48,4,"tuijian=1","listorder desc,id desc")%>
                        <%foreach(DataRow dr in prolist.Rows)%>
                        <li class="swiper-slide col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a
                            href="<%linkurl(1,{dr[catid]},{dr[id]})%>" class="proHotimg"><img src="{dr[thumb]}"
                              alt="{dr[title]}"></a> <a href="<%linkurl(1,{dr[catid]},{dr[id]})%>"
                            class="proHot_txt">{dr[title]}</a> </li>
                        <%/foreach%>
                      </ul>
                      <!-- Add Arrows -->
                      <div class="pro-next col-xs-6 col-sm-6 col-md-6 col-lg-6"><img
                          src="<%templateskin%>/img/proLL.png" alt="左"></div>
                      <div class="pro-prev col-xs-6 col-sm-6 col-md-6 col-lg-6"><img
                          src="<%templateskin%>/img/proLr.png" alt="右"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="newsHot"> <i class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><img
                      src="<%templateskin%>/img/newsIco.png" alt="推荐新闻">推荐新闻</i>
                  <div class="newshotLine col-xs-12 col-sm-12 col-md-12 col-lg-12"></div>
                  <ul>
                    <%set DataTable newlist=get_content_list(22,6,"tuijian=1","listorder desc,id desc")%>
                    <%foreach(DataRow dr in newlist.Rows)%>
                    <li class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <a href="<%linkurl(0,{dr[catid]},{dr[id]})%>">
                        <i>
                          <%datetostr({dr[add_time]},MM-dd)%>
                        </i> <span>{dr[title]}</span> </a> </li>
                    <%/foreach%>
                  </ul>
                </div>
              </div>
            </div>
            <div class=" col-lg-8-0 proListR  col-xs-12">
              <div class="productRtop">
                <div class="productRtopl col-xs-12 col-sm-12 col-md-8 col-lg-8">
                  <div class="pc-slide">
                    <%if(model.photos!=null && model.photos!="")%>
                    <%set DataTable photos=get_article_photos()%>
                    <%csharp%>
                    string tempSize = Convert.ToString(photos.Rows[0]["original_path"]);
                    <%/csharp%>
                    <div class="view">
                      <div class="swiper-container"> <a class="arrow-left" href="#"></a> <a class="arrow-right"
                          href="#"></a>
                        <div class="swiper-wrapper">
                          <%foreach(DataRow dr in photos.Rows)%>
                          <div class="productTopImg swiper-slide"> <i><img src="{dr[original_path]}" alt=""></i> </div>
                          <%/foreach%>
                        </div>
                      </div>
                    </div>
                    <div class="preview"> <a class="arrow-left" href="#"></a> <a class="arrow-right" href="#"></a>
                      <div class="swiper-container">
                        <ul class="swiper-wrapper">
                          <%set int j=1%>
                          <%foreach(DataRow dr in photos.Rows)%>
                          <%if(j==1)%>
                          <li class="swiper-slide active-nav border_color"> <span> <img src="{dr[original_path]}"
                                alt=""> </span> </li>
                          <%else%>
                          <li class="swiper-slide"> <span> <img src="{dr[original_path]}" alt=""> </span> </li>
                          <%/if%>
                          <%set j=j+1%>
                          <%/foreach%>
                        </ul>
                      </div>
                    </div>
                    <%else%>
                    <div class="view">
                      <div class="swiper-container"> <a class="arrow-left" href="#"></a> <a class="arrow-right"
                          href="#"></a>
                        <div class="swiper-wrapper">
                          <div class="productTopImg swiper-slide"> <i><img src="{model.thumb}" alt=""></i> </div>
                        </div>
                      </div>
                    </div>
                    <div class="preview"> <a class="arrow-left" href="#"></a> <a class="arrow-right" href="#"></a>
                      <div class="swiper-container">
                        <ul class="swiper-wrapper">
                          <li class="swiper-slide active-nav border_color"> <span> <img src="{model.thumb}" alt="">
                            </span> </li>
                        </ul>
                      </div>
                    </div>
                    <%/if%>
                  </div>
                </div>
                <div class="productRtopr col-xs-12 col-sm-12 col-md-4 col-lg-4">
                  <div class="productscd">
                    <div class="productsTopvd">
                      <h4>{model.title}</h4>
                      <p><span>
                          <%cutstring({model.zhaiyao},120)%>
                        </span></p>
                    </div>
                    <h5>相关内容</h5>
                    <div class="relevant wjdhColor2">
                      <%set DataTable producttj=get_content_list(catid,3,"tuijian=1","listorder desc,id desc")%>
                      <%foreach(DataRow dr in producttj.Rows)%>
                      <a href="<%linkurl(1,{dr[catid]},{dr[id]})%>" class="" title="{dr[title]}">{dr[title]}</a>
                      <%/foreach%>
                    </div>
                    <div class="relevantImg xgnrbd1">
                      <ul>
                        <%set DataTable producthot=get_content_list(catid,2,"hot=1","listorder desc,id desc")%>
                        <%foreach(DataRow dr in producthot.Rows)%>
                        <li> <a href="<%linkurl(1,{dr[catid]},{dr[id]})%>" class="relevantImgA"> <img src="{dr[thumb]}"
                              alt="{dr[title]}"> </a> <a href="<%linkurl(1,{dr[catid]},{dr[id]})%>"
                            class="relevantImgMore"> {dr[title]}</a> </li>
                        <%/foreach%>
                      </ul>
                      <div class="clearboth"></div>
                    </div>
                  </div>
                </div>
                <a href="javascript:scroller('prodoc', 400);" class="productsMore wjdhBg2" title="在线留言"><i><img
                      src="<%templateskin%>/img/proemai.png" alt=""></i> 在线留言</a>
              </div>
              <div class="clearboth"></div>
              <div class="productsCenter col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="row">
                  <div class="productsTTOP">
                    <div class="productCenTop">
                      <div class="productsCC">
                        <div class="productsCtl wjdhBg col-xs-12 col-sm-12 col-md-2 col-lg-2"> <i><img
                              src="<%templateskin%>/img/proXq.png" alt="">详情内容</i> </div>
                        <div class="details col-xs-12 col-sm-12 col-md-7 col-lg-7"> content details </div>
                        <div class="detailsR col-xs-12 col-sm-12 col-md-3 col-lg-3"> &nbsp; <a class="scan"
                            title="二维码分享">二维码分享
                            <div id="qrcode" style="display: none"> </div>
                          </a> </div>
                      </div>
                      <div class="page-content" id="imgBox"> {model.content} </div>
                      <%template src="pdf_word.html"%>
                      <div id="fullPage">
                        <canvas id="canvas"></canvas>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="clearboth" id="prodoc">
                <%template src="../product/index.html"%>
              </div>
              <div class="caseTab liebiaocolor" id="caseTab">
                <ul>
                  <li class="col-xs-6 col-sm-6 col-md-6"> <%=get_prevandnext_article(1, "没有了")%> </li>
                  <li class="col-xs-6 col-sm-6 col-md-6"> <%=get_prevandnext_article(-1, "没有了")%> </li>
                </ul>
              </div>
              <div class="clearboth"></div>
              <div class="proMessage" id="proMessage">
                <h4>在线留言</h4>
                <p>LEAVE A MESSAGE</p>
                <div class="promessageBox">
                  <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                      <input type="text" class="pro-name" placeholder="姓名">
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                      <input type="text" class="pro-tel" placeholder="电话">
                    </div>
                  </div>
                  <textarea class="pro-textarea" placeholder="内容"></textarea>
                  <div class="yanzhengma">
                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-1  imgCode1"> <img
                        src="/api/message.ashx?action=code" class="imgCode2"> </div>
                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-2-0 imgcodeText">
                      <input type="text" class="pro-email" placeholder="验证码">
                    </div>
                  </div>
                  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="row">
                      <input type="button" class="a-bth proListclass3" value="提交">
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>


    <div style="display: none;" id="hbqrcode"></div>

    <script type="text/javascript">
      //使用方法
      //            var wxScale = new WxScale({
      //                fullPage: document.querySelector("#fullPage"),
      //                canvas: document.querySelector("#canvas")
      //            });

      //            var imgBox = document.querySelectorAll(".page-content img");
      //            var imgBox2 = document.querySelectorAll(".product-info .img img");
      //            for (var i = 0; i < imgBox.length; i++) {
      //                imgBox[i].onclick = function (e) {
      //                    wxScale.start(this); //这里的this指向需要放大的这张图片
      //                }
      //            }
      //            for (var i = 0; i < imgBox2.length; i++) {
      //                imgBox2[i].onclick = function (e) {
      //                    wxScale.start(this); //这里的this指向需要放大的这张图片
      //                }
      //            }
    </script>
    <%template src="footer.html"%>

    <!-- <div class="share">
      海报分享
    </div> -->
    <div class="cover" style="display: none;">
      <h4>
        海报分享</h4>
      <div class="hd">
        <ul>
          <li class="on">海报一</li>
          <li>海报二</li>
          <li>海报三</li>
          <li>海报四</li>
          <li>海报五</li>
          <li>海报六</li>
        </ul>
        <div class="clearboth">
        </div>
      </div>
      <div class="bd">
        <ul>
          <li>
            <img src="<%templateskin%>/poster/1/index.jpg">
            <div class="abth" onclick="javascript:makehb('1')">
              点击生成并分享</div>
          </li>
          <li>
            <img src="<%templateskin%>/poster/2/index.jpg">
            <div class="abth" onclick="javascript:makehb('2')">
              点击生成并分享</div>
          </li>
          <li>
            <img src="<%templateskin%>/poster/3/index.jpg">
            <div class="abth" onclick="javascript:makehb('3')">
              点击生成并分享</div>
          </li>
          <li>
            <img src="<%templateskin%>/poster/4/index.jpg">
            <div class="abth" onclick="javascript:makehb('4')">
              点击生成并分享</div>
          </li>
          <li>
            <img src="<%templateskin%>/poster/5/index.jpg">
            <div class="abth" onclick="javascript:makehb('5')">
              点击生成并分享</div>
          </li>
          <li>
            <img src="<%templateskin%>/poster/6/index.jpg">
            <div class="abth" onclick="javascript:makehb('6')">
              点击生成并分享</div>
          </li>
        </ul>
      </div>
    </div>
    <div class="coverAlert">
      <img src="" alt="" id="doimg">


    </div>
    <div class="mysharebigbox">
    </div>

    <link href="<%templateskin%>/css/style1.css" rel="stylesheet">
    <script type="text/javascript" src="<%templateskin%>/js/share.js"></script>
    <script src="<%templateskin%>/js/html2canvas.min.js"></script>
    <script src="<%templateskin%>/js/qrcode.min.js"></script>
    <script type="text/javascript">
      var qrcode = new QRCode("hbqrcode");
      qrcode.makeCode(window.location.href);
      var makehb = function (a) {
        $(".mysharebigbox").html('');
        $(".mysharebigbox").load("<%templateskin%>/poster/" + a + "/index.txt", function (a) {
          a = a.myReplace("_title_", "{model.title}").myReplace("_thumb_", "{model.thumb}")
            .myReplace("_websitename_", "{site.websitename}").myReplace("_seo_keywords_",
              "{model.keywords}")
            .myReplace("_freecall_", "{site.freecall}").myReplace("_address_", "{site.address}")
            .myReplace("_sqrcode_", $("#hbqrcode img").attr("src")).myReplace("_seo_desc_",
              "{model.description}").myReplace("_temp_", "<%templateskin%>/");
          $(".mysharebigbox").html(a);
          $("canvas").remove();
          window.scrollTo(0, 0);
          takeScreenshot();
        });
      }
      String.prototype.myReplace = function (f, e) {
        var reg = new RegExp(f, "g");
        return this.replace(reg, e);
      }

      function takeScreenshot() {
        $("#capture").show();
        html2canvas(document.querySelector("#capture"), {
          useCORS: true,
          dpi: window.devicePixelRatio * 2,
          scale: 2
        }).then(canvas => {
          var url = canvas.toDataURL('image/png', 1.0); //图片地址	    
          $("#doimg").attr("src", url);

          if ($(".coverAlertBox").length == 0) {
            $(".coverAlert").append('<div class="coverAlertBox">长按图片进行保存并分享</div>')
          }

        });
        $("#capture").hide();

      }
    </script>

  </div>

  <script src="<%templateskin%>/js/n/bootstrap.min.js"></script>
  <script src="<%templateskin%>/js/n/swiper-3.4.2.min.js"></script>
  <script src="<%templateskin%>/js/n/color.js?color=#{site.color}&rgba={site.kmcolor}"></script>
  <script src="<%templateskin%>/js/n/addpage.js?color=#{site.color}&rgba={site.kmcolor}"></script>
  <script src="<%templateskin%>/js/n/rem.min.js"></script>
  <script src="<%templateskin%>/js/n/common.js"></script>
  <script src="<%templateskin%>/js/n/imgClick.js"></script>

  <%diy("mbody")%>
  <script type="text/javascript">
    //使用方法
    var wxScale = new WxScale({
      fullPage: document.querySelector("#fullPage"),
      canvas: document.querySelector("#canvas")
    });

    var imgBox = document.querySelectorAll("#imgBox img");
    for (var i = 0; i < imgBox.length; i++) {
      imgBox[i].onclick = function (e) {
        wxScale.start(this); //这里的this指向需要放大的这张图片
      }
    }
  </script>
  <script>
    $(function () {
      $(".product-photo li").click(function () {
        var $src = $(this).find('img').attr("src");
        $(".product-info .img img").attr('src', $src)
      })
    })
  </script>
  <%template src="base.html"%>
</body>

</html>